@charset "utf-8";

//重用值
$subjectColor:#0dafd2;
$minorColor:#787777;
$highlightColor:#ffffff;
$bgColor:#000000;

//清除浮动
.clearfix::after{
    content: "";
    display: block;
    clear: both;
}
//清除a标签下划线样式
a{
   text-decoration: none;
}
//清除list样式
ul li{
    list-style: none;
}

.home_collect{
    width:100%;
    height: auto;
    background: white;
    padding-bottom: 2px;
}

.home_collect_title{
    height: 72px;
    margin:0 24px;
    line-height: 72px;
    border-bottom: 1px solid #f0f0f0;
    div:first-of-type{
        width: 72px;
        height: 44px;
        float: left;
        p{
            font-size: 33px;
            margin: 0;
            color:$subjectColor;
        }
    }
    div:last-of-type{
        width: 54px;
        float: right;
        select{
            //清除select默认样式
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            
//          width: 40px;
//          height: 24px;
            padding: 3px 6px;
            
        }
        img{
            margin-bottom: 10px;
        }
    }
}
.home_collect_classify{
    margin: 0 24px;
    max-height: 74px;
    border-bottom: 1px solid #f0f0f0;
    ul{padding: 0; line-height: 30px;}
    ul li{
        float: left;
        margin-right: 30px;
        
        a{
            font-size: 12px;
            color: $minorColor;
            &:hover{
                color: $subjectColor;
            }
            span{
                letter-spacing: 1px;
            }
        }
        &:last-of-type a{
            background: $subjectColor;
            color: white;
            font-size: 14px;
            padding: 3px 10px;
        }
    }
}

.home_collect_list{
    margin: 0px 24px;
    height: auto;

    
    div.home_collect_list_local{
        margin-top: 30px;
        height: 120px;
        border-bottom: 1px solid #f0f0f0;
        &>div{
            width: 100%;
            height:120px;

            
           &:first-of-type{
               height: 60px;
                div{
                    
                    &:first-of-type{
                       height: 60px;
                       float: left;
                       overflow: hidden;
                    }
                    &:last-of-type{
                        height: 60px;
                        margin-left: 2px;
                        p{
                            margin: 0;
                            margin-left: 62px;
                            font-size: 14px;
                            &:first-of-type{ 
                                margin-bottom: 5px;
                                span{
                                    font-weight: bold;
                                }
                            }
                            a{
                                color: #000000;
                            }
                        }
                    }
                }
            }
            &:last-of-type{
                height: 60px;
          
                div:first-of-type{
                    float: left;
                    margin-top: 30px;
                    font-size: 12px;
                    color: #7d7c7c;
                    span{
                        font-size: 12px;
                        color: #b2b1b1;
                        margin: 0 8px;
                    }
                    a{
                        color: #a6a4a4;
                        margin-left: 8px;
                        &:hover{
                            color: $subjectColor;
                        }
                    }
                }
                div:last-of-type{
                    float: right;
                    margin-top: 30px;
                    span a{
                        font-size: 12px;
                        color: #b2b1b1;
                        margin: 0 8px;
                        &:hover{
                            color: $subjectColor;
                        }
                        img{
                            vertical-align: middle;
                        }
                    }
                }
            }
        }
    }
}

.home_collect_page{
    margin: 15px 30px;
    text-align: right;
    select{
        //清除select默认样式
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        
        border: none; 
        padding: 2px 5px;
        font-size: 12px;
        color: #999797;
    }
    img{
        vertical-align: middle;
    }
    a{
        font-size: 12px;
        color: #999797;
        &:hover{
            color: $subjectColor;
        }
    }
}











